<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="taglibs.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title> 气度网 - 气度如水</title>
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link type="text/css" rel="stylesheet" href="${ctx}/css/school_list.css" >
</head>
<body>
<div id="container">
	<!-- 头部 -->
	<%@ include file="header.jsp"%>
    <div class="clear"></div>
    <div id="banner"></div>
    <div class="divide">
    	<div class="index_menu">
        	<a href="${ctx}/school/index" title="气度校园首页"><div class="menu_btn">校园首页</div></a>
        	<a href="http://www.qeado.com" title="校园名录"><div class="school_btn">所有</div></a>
        	<s:iterator value="schoolTypeList">
        		<a href="${ctx}/school/listColleage?typeCode=<s:property value="key"/>&pageNum=1&pageSize=10&orderBy=create_date&asc=desc"  title="<s:property value="value.typeName"/>">
        			<div class="menu_btn"><s:property value="value.typeName"/></div>
        		</a>
        	</s:iterator>
        </div>
        <div class="clear" ></div>
    </div>
    <div class="clear"></div>
	<!-- 内容 -->    
    <div id="body">
    	<!-- 左边 -->
    	<div class="body_left">
        	<div class="left_title">院校列表</div>
            <div class="left_info">
                    <div>
                        排列方式
                        <select>
                            <option>按发布时间</option>                      
                            <option>人气从高到低</option>
                            <option>人气从低到高</option>
                        </select>
                    </div>
                    <div>
                        显示长度
                        <select>
                            <option>10条</option>
                            <option>20条</option>
                            <option>50条</option>
                            <option>100条</option>                        
                        </select>
                    </div>           
            </div>
            <!-- 列表 -->
            <div class="left_list">
            	<div class="left_list_1"></div>
            	<div class="left_list_2">
            	<s:iterator value="schoolList.objList" var="school">
                	<li>
                    	<div class="p_1">
                    		<a href="${ctx}/school/viewSchool?id=<s:property value="#school.id"/>" title="<s:property value="#school.colleageName"/>">
                    			<img src="${ctx}/uploadfiles/<s:property value="#school.fileName"/>" width="120" height="120">
                    		</a>
                    	</div>
                        <div class="p_2">
							<a href="${ctx}/school/viewSchool?id=<s:property value="#school.id"/>" title="<s:property value="#school.colleageName"/>">
								<div class="p_2_1"><s:property value="#school.colleageName"/></div>
							</a>
                            <div class="p_2_2">
                            	<div>学校类型：<s:property value="schoolTypeList.get(#school.colleageCategory).typeName"/></div>
                                <div>地址：</div>
                            </div>
                            <div class="p_2_2">
                            	<div>学校荣誉：
                            		<s:if test="#school.colleageLevel == 1">
                            			985院校
                            		</s:if>
                            		<s:elseif test="#school.colleageLevel == 2">
                            			211院校
                            		</s:elseif>
                            		<s:else>其他</s:else>
                            	</div>
                                <div>成立时间：<s:property value="#school.colleageCreateDate"/></div>
                            </div> 
                        </div>
                    </li>                                        
				</s:iterator>
					<p align="center" ><s:property value="%{schoolList.pagebar}" escape="false"/></p>
                </div>
            </div>
        </div>
        <!-- 右边 -->
    	<div class="body_right">
            <!-- 搜索 -->
            <div class="hot_pro">
				<div class="search_title"></div>
                <div class="hot_info">
                	<form action="${ctx}/school/search?orderBy=create_date&asc=desc" method="post">
                	<div class="search_bar" name="key">
                    	<input value="搜索"/>
                        <select name="type">
                        	<option value="all" selected>所有</option>
                        <s:iterator value="schoolTypeList">
        					<option value="<s:property value="key" />"><s:property value="value.typeName" /></option>
        				</s:iterator>
                        </select>
                    </div>
                    <div class="option">
                    	985院校<input type="radio" name="level" value="1" />
                    	211院校 <input type="radio" name="level" value="2" />
                    	其他<input type="radio" name="level" value="0" />
                        <input class="submit" type="submit" value="搜索"/>
                    </div>
                    </form>
                </div>
            </div>
            <!-- 推荐 -->
            <div class="hot_pro">
            	<div class="hot_title"><a href="#">更多></a></div>
                <div class="hot_info">
					<li>
                    	<a href="#" title="#">
                    		<div class="index">1</div>
                            <div class="info_title">中国民航大学威海分校</div>
                            <div class="info_date">人气：99999090</div>
                        </a>
                    </li>                                                        
                </div>
            </div>
            <!-- 广告 -->
            <div class="ad_01"><a href="http://www.taobao.com" target="_blank"><img src="${ctx}/image/ad/taobao.jpg" width="334" height="199"></a></div>
            <div class="ad_01"><a href="http://www.1688.com" target="_blank"><img src="${ctx}/image/ad/1688.jpg" width="334" height="199"></a></div>
        </div>
    </div>

    <div class="clear"></div>
    <!-- 尾部 -->
	<%@ include file="tail.jsp"%>
</div>   
</body>
</html>
